﻿{include file="../application/admin/view/common/header.html" /}

        <!--main content start-->
        <section class="main-content">


            <!--start page content-->

            <div class="row">
               
                 <div class="col-md-12">
                    <div class="panel panel-default collapsed">
                        <div class="panel-heading"> 
                            <a class="btn btn-danger ui-w" onclick="datadel()" href="javascript:void(0);"><span class="ui-icon ui-icon-trash"> </span>批量删除</a>
                            <a class="btn btn-blue ui-w" onclick="medal_add(this)" href="javascript:void(0);"><span class="ui-icon ui-icon-plus"></span>添加勋章</a>
                            <div class="search-form">
                                <input type="text" class="form-control" placeholder="输入勋章名称" />
                                <button type="button" id="submit" class="btn-search"><i class="fa fa-search"></i></button>
                            </div>
                        </div>
                        <div class="panel-body">

                            <table class="table table-hover table-striped table-bordered" data-page-size="12" data-filter=#filter>
                                <thead>
                                <tr>
                                    <th>选择</th>
                                    <th>ID</th>
                                    <th>勋章年份</th>
                                    <th>勋章名称</th>
                                    <th>地区</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                   
                                </tbody>
                            </table>
                            <div class="pager" id="page" style="text-align: right;"></div>
                         </div>
                    </div>
                </div>
            </div><!--end row-->
            
            <!--end page content-->



            <!-- <footer class="footer">
                <span></span>
            </footer> -->
       

        </section>
        <!--end main content-->



        <!--Common plugins-->
<script src="_JS_/jquery.min.js"></script>
<script src="_JS_/jquery.base64.js"></script>
<script src="_JS_/jquery.cookie.js"></script>
<script src="_JS_/bootstrap.min.js"></script>
<script src="_JS_/jasny-bootstrap.min.js"></script>
<script src="_JS_/jquery.slimscroll.min.js"></script>
<script src="_JS_/jquery.nanoscroller.min.js"></script>
<script src="_JS_/metismenu.min.js"></script>
<script src="_JS_/float-custom.js"></script>
<script type="text/javascript" src="_JS_/layer/layer.js"></script>
<script type="text/javascript" src="_JS_/laypage/laypage.js"></script>
<script type="text/javascript" src="_JS_/laydata/laydate.js"></script>
<script type="text/javascript" src="_JS_/getMyDate.js"></script>
        <!-- <script src="js/footable.all.min.js"></script> -->
         <!-- Page-Level Scripts -->
    <script>
 
 
	$(function () {
		$("#page-title").html("企业勋章管理");
		postfile(1);
		
	})

	function postfile(page) {
		var username = $(".search-form input").val();
		$.ajax({
			type: 'GET',
			url: "{:url('api/companys/companys_category')}",
			dataType: 'jsonp',
			jsonp: 'callback',
			data: {'page': page,'username': username},
			success: function (msg) {
				if (msg.code == 200) {
					var pages = Math.ceil(msg.data.count / 10);
					$(".table tbody").html("");
					if (msg.data.data.length > 0) {
						var html = '';
						for (var i = 0; i < msg.data.data.length; i++) {
							html += ' <tr id="'+msg.data.data[i].id+'"><td><input class="king" type="checkbox" name=""></td>'+
							'<td>'+msg.data.data[i].id+'</td><td>'+msg.data.data[i].name+'</td><td>'+msg.data.data[i].honor+'</td><td>'+msg.data.data[i].levels+'</td>'+
							'<td class="buttons td-manage">'+
							'<a class="btn table-btn" onclick="medal_edit(this,'+msg.data.data[i].id+')" href="#" title="编辑"><i class="fa fa-pencil"></i></a>'+
							'<a class="btn table-btn" onclick="medal_del('+msg.data.data[i].id+')" href="#" title="删除"><i class="fa fa-trash-o"></i></a></td></tr>';
						}
						$(".table tbody").html(html);
					}
					//分页
					$(".table").attr("pages", page);
					laypage({
						cont: 'page',
						pages: pages,
						curr: page,
						jump: function (obj, first) {
							if (!first) { //点击跳页触发函数自身，并传递当前页：obj.curr
								postfile(obj.curr);
							}
						}
					})
						
				} else {
					layer.msg('获取信息不成功!', {icon: 5, time: 2000});
				}
			}
		})
	}
	
	
		
		  // 搜索
		$('#submit').click(function () {
			var type = $("#type").val();
			postfile(1,type);
		})

		//回车键绑定搜索
		$(".search-form").keydown(function (event) {
			if (event.keyCode == 13) {
				var type = $("#type").val();
				postfile(1,type);
			}
		});

 
     /*批量删除*/
     function datadel(){
		var arrs = new Array();
			$(".king:checked").each(function () {
				arrs.push($(this).parents('tr').attr('id'));
			});
		if (arrs.length == 0) {
            layer.msg('请选择删除项!', {icon: 1, time: 1000});
            return false;
        }
        var uids = arrs.join(",");
		medal_del(uids);
     }
    /*添加*/
    function medal_add(obj){
        layer.open({
            type: 2,
            title: '添加勋章',
             hadeClose: true,
            shade: 0.8,
            area: ['850px', '250px'],
            content: 'companys_category_add.html'
        }); 
    }
    //编辑
    function medal_edit(obj,id){
       layer.open({
            type: 2,
            title: '编辑勋章',
             hadeClose: true,
            shade: 0.8,
            area: ['850px', '250px'],
            content: 'companys_category_edit.html'+"#"+id
        });
    }
    /*删除*/
    function medal_del(id){
        layer.confirm('确认要删除吗？',function(index){
            //此处请求后台程序，下方是成功后的前台处理……
            $.ajax({
                type: "get",
                url: "{:url('api/companys/companys_companys_category_del')}",
                dataType: 'jsonp',
                jsonp: 'callback',
                data: {'id': id},
                success: function (msg) {
                    if (msg.code == 200) {
                        // $(obj).parents('tr').remove();
                        postfile(1);
                        layer.msg('已删除!', {icon: 1, time: 1000});
                    }
                    if (msg.code == 1000) {
                        layer.msg(msg.message, {icon: 5, time: 1000});
                    }
                }
            });
        });
    }

    

    </script>
    </body>
</html>